<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>内容分发系统管理端</title>
		<link rel="icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="${request.contextPath}/static/lib/layui/css/layui.css">
		<link rel="stylesheet" href="${request.contextPath}/static/css/style.css">
	</head>
	<body>
		<div class="layui-tab layui-tab-card" style="width: 99%;">
		  <ul class="layui-tab-title">
		  	<li class="layui-this">广告设置</li>
		  </ul>
		  <div class="layui-tab-content">
		    <div id="advertise" class="layui-tab-item layui-show layui-scroll">
				<table class="site-table" style="min-width:950px;">
					<thead>
						<tr>
							<th style="width: 30px;">ID</th>
							<th style="width: 200px;">广告标识</th>
							<th style="width: 140px;">图片</th>
							<th style="width: 120px;">跳转URL</th>
							<th style="width: 200px;">描述</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr v-for="bean in beans">
							<td>{{bean.id}}</td>
							<td>{{bean.advFlag}}</td>
							<td>{{bean.picture}}</td>
							<td>{{bean.url}}</td>
							<td>{{bean.advDesc}}</td>
							<td>
								<button class="layui-btn layui-btn-normal" @click="editBean(bean.id)">编辑</button>
							</td>
						</tr>
					</tbody>
				</table>
		    </div>
		  </div> 
		</div>
	</body>
	<script src="${request.contextPath}/static/lib/jquery-3.1.1.js"></script>
	<script src="${request.contextPath}/static/lib/vue.min.js"></script>
</html>
